<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator" content="eZ Components; http://ezcomponents.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
<![CDATA[body {
	background-color: #ffffff;
	color: #2e3436;
	font-family: sans-serif;
}

a {
	color: #3456a4
}

a:hover {
	color: #729fcf;
}

a:visited {
	color: #204a87;
}

a.footnote {
	vertical-align: super;
}

p {
	margin: 0.5em 0em 1em 0em;
}

hr {
	background-color: #204a87;
	border: none;
	height: 1px;
}

pre {
	background-color: #eeeeef;
	font-family: monospace;
}

table {
	border: 1px solid #babdb6;
	border-collapse: collapse;
	width: 100%;
}

thead td,
thead th {
	background-color: #eeeeef;
	text-align: center;
	font-weight: bold;
}

tbody td {
	border: 1px solid #babdb6;
}

blockquote p:before,
blockquote p:after {
	content: '"';
}

blockquote p {
	margin-bottom: .5em;
}

blockquote cite {
	margin-left: 1em;
	color: #555753;
}

div.image,
div.figure {
	margin: 1em;
	padding: 1px;
	border: 1px solid #babdb6;
}

div.image img,
div.figure img {
	margin: 0px auto;
}

div.image p,
div.figure p {
	margin: 0em;
	font-size: 90%;
	color: #555753;
}

p.note {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #8ae234;
}

p.notice {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #4e9a06;
}

p.warning {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #ce5c00;
}

p.attention {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #a40000;
}

p.danger {
	margin-left: 2em;
	padding: .2em;
	border: 2px solid #a40000;
}
]]>
    </style>
    <title>Grid tables</title>
  </head>
  <body>
    <a name="grid_tables" id="grid_tables"></a>
    <h1>Grid tables</h1>
    <table>
      <thead>
        <tr>
          <td>
            <p>Header row, column 1   </p>
          </td>
          <td>
            <p>Header 2   </p>
          </td>
          <td>
            <p>Header 3 </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <p>body row 1, column 1   </p>
          </td>
          <td>
            <p>column 2   </p>
          </td>
          <td>
            <p>column 3 </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 2             </p>
          </td>
          <td>
            <p>Cells may span        </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>Header row, column 1    (header rows optional) </p>
          </td>
          <td>
            <p>Header 2   </p>
          </td>
          <td>
            <p>Header 3 </p>
          </td>
          <td>
            <p>Header 4 </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <p>body row 1, column 1   </p>
          </td>
          <td>
            <p>column 2   </p>
          </td>
          <td>
            <p>column 3 </p>
          </td>
          <td>
            <p>column 4 </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 2             </p>
          </td>
          <td>
            <p>Cells may span columns.          </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 3             </p>
          </td>
          <td rowspan="2">
            <p>Cells may   span rows. </p>
          </td>
          <td rowspan="2">
            <p>- Table cells       </p>
            <p>- contain           </p>
            <p>- body elements.    </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 4             </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 5             </p>
          </td>
          <td rowspan="2">
            <p>Cells may span rows <em>and</em></p>
            <p>columns.                         </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 6             </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td>
            <p>             +---+               </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p>   +===+  </p>
          </td>
          <td>
            <p></p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td rowspan="2">
            <p>row 2         text...       text...      </p>
          </td>
          <td rowspan="2">
            <p>Content </p>
            <blockquote>
              <p>-----------</p>
            </blockquote>
          </td>
          <td>
            <ul>
              <li></li>
            </ul>
          </td>
        </tr>
        <tr>
          <td>
            <p class="lineblock">        <br /><br /></p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td>
            <p>Use the command ``ls </p>
          </td>
          <td>
            <p>more``.   </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p></p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td>
            <p> Use the command <code>ls | more</code>.  </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p></p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td>
            <p>Use the command <code>ls | more</code>.   </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p></p>
          </td>
          <td>
            <p></p>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
